<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>用户管理</title>
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css" th:href="@{/static/layui/css/layui.css}">
</head>
<style type="text/css">
    .layui-body{
        left: 0px;
    }
    .layui-container{
        width: 80%;
    }
    .layui-input-block{
        margin-left: 10px;
    }
</style>
<body class="layui-body">
<div class="layui-container">
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md3">
            <blockquote class="layui-elem-quote quoteBox">
            <fieldset class="layui-elem-field layui-field-title"><legend>部门</legend></fieldset>
            <!-- 此扩展能递归渲染一个权限树，点击深层次节点，父级节点中没有被选中的节点会被自动选中，单独点击父节点，子节点会全部 选中/去选中 -->
            <form class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <input class="layui-input" type="text" name="name" placeholder="请输入部门名称" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <div id="departmentTree"></div>
                    </div>
                </div>
            </form>
            </blockquote>
        </div>
        <div class="layui-col-md9">
            <form class="layui-form">
                <blockquote class="layui-elem-quote quoteBox">
                    <form class="layui-form">
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input searchVal" placeholder="请输入搜索的用户名" />
                            </div>
                            <a class="layui-btn search_btn" data-type="reload">搜索</a>
                        </div>
                        <div class="layui-inline">
                            <a class="layui-btn layui-btn-normal addNews_btn">添加用户</a>
                        </div>
                        <div class="layui-inline">
                            <a class="layui-btn layui-btn-danger layui-btn-normal delAll_btn">批量删除</a>
                        </div>
                        <div class="layui-inline">
                            <a class="layui-btn export_btn">导出数据</a>
                        </div>
                    </form>
                </blockquote>

                <table id="userList" lay-filter="userList"></table>

                <!--操作-->
                <script type="text/html" id="userListBar">
                    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="allot">分配角色</a>
                    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
                </script>
            </form>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="static/layui/layui.js"  th:src="@{/static/layui/layui.js}"></script>
<script type="text/javascript" src="static/js/userList.js"  th:src="@{/static/js/userList.js}"></script>
</html>